<template>
  <div id="box">
    <van-nav-bar
            title="问答动态"
            left-text=""
            left-arrow
            @click-left="onClickLeft"
            :border="false"    
    />
    <van-tabs v-model="active" color="#cecece">
      <van-tab title="提问"></van-tab>
      <van-tab title="回答"></van-tab>
      <van-tab title="赞同"></van-tab>
      <van-tab title="评论"></van-tab>
      <van-tab title="粉丝"></van-tab>
    </van-tabs>
    <main>
      
      <div class="photo">
        <img src="/img/jie_img/wt1.png" alt="">
      </div>
      <div class="tex">
        <p>您还没有发布问题</p>
      </div>

    </main>
  </div>
</template>

<script>
import { Toast } from 'vant';
export default {
    methods:{
      goJie(){
        console.log(this.$router);
      },

      onClickLeft() {
        this.$router.go(-1);
    },
    
    },
    data() {
    return {
      active: 0,
    };
  },
}
</script>

<style scoped>
/* scoped 让样式只在当前组件生效  ！important(父子元素存在同样类名时用)*/
.box{
   background: orange;
}
main{
  width:7.5rem;
  height:12.92rem;
  background-color: #f2f2f2;
}
.photo img{
  width: 4.8rem;
  height:3.94rem ;
  margin-top: 2.06rem;
  margin-left:1.4rem;
}
.tex{
  display: flex;
  justify-content: center;
  color:#bebebe;
  margin-top: 0.36rem;
}

</style>